<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>项目列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="icon" type="image/x-icon" href="/cctv/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="/cctv/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="/cctv/css/sitework/showlist.css"/>
    <script type="text/javascript" src="/cctv/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/cctv/layui/layui-2.5.6.min.js"></script>
    <script type="text/javascript" src="/cctv/js/sitework/showlist.js"></script>
</head>
<body>
<div id="menu"><input type="button" value="+ New"/></div>

<div id="main">
    <div id="title">Project List</div>
    <table id="table1" class="layui-table">
        <thead>
        <tr style="background-color: #51596B">
            <th style="width: 5%;">No</th>
            <th style="width: 25%;">Project No</th>
            <th style="width: 20%;">Standard</th>
            <th style="width: 10%;">Slope</th>
            <th style="width: 15%;">Date</th>
            <th style="width: 25%;">Operation</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="project,status:${projects}" th:id="${project.id}">
            <td th:text="${status.count + (page - 1) * 15}"></td>
            <td><a th:href="@{findinfo(id=${project.id})}" th:text="${project.name}"></a></td>
            <td th:text="${project.standard}"></td>
            <td th:text="${project.slope}"></td>
            <td th:text="${project.date}"></td>
            <td>
                <input type="button" value="Edit" style="background-color: #009688;"/>
                <input type="button" value="Sub" style="background-color: #1E9FFF;"/>
                <input type="button" value="Del" style="background-color: #FF5D23;"/>
            </td>
        </tr>
        </tbody>
    </table>
    <img th:if="${#lists.size(projects) == 0}" id="null" src="/cctv/img/null.png" alt=""/>
    <div th:if="${#lists.size(projects) != 0}" id="pageMain" class="layui-form-item">
        <div id="page" th:data-p1="${page}" th:data-p2="${count}"></div>
    </div>
</div>
</body>
</html>
